<template>
	<div class="Wrap">
        {{init_index}},
		{{data}}
	</div>
</template>
<script setup>
	//**************************************** */
	//组合式组件 更多的是以业务去进行相关的拆封，要摒弃 选项式组件 的思维
	//组件的治理一是 拆分不同的子组件，二是如果无法拆分子组件，需要去拆分相关的业务逻辑（选项式组件，组合式组件）
	//特别复制的业务逻辑，特别使用 组合式组件
	//一般复制的业务逻辑，选项式组件 也可以勉强接受，
	//主要看 代码量的多少
	//**************************************** */
	//引入此组件相关的js
	import init_setup from './init_setup.js';
	//引入vue相关方法
	import {
		ref,
		reactive,
		toRefs,
		computed,
		watch,
		defineProps,
		defineEmits,
		nextTick,
		defineExpose,
		onMounted
	} from 'vue';
	//引入路由
	import { useRoute, useRouter } from 'vue-router';
	//引入vuex
	import { useStore } from 'vuex';
	//**************************************** */
	// 引入子组件(组件自动注册)
  	//import xxx from '@/xxx.vue';
	const { init_index,init_onMounted } = init_setup();
	onMounted(() => {
		console.log('mounted!');
		console.log( init_index.value );
		init_onMounted();
		init_function();
	});
	//
	const data = ref("哈哈");
	//方法
	const init_function = () => {
		console.log("init_function");
	}
</script>
<style type="text/css" lang="less">
	
</style>
